// 侧边栏
body{
    position: relative;
}
#box{
    width: 64px;height: 203px;border: 1px solid #636363 ;
    position: fixed;bottom: 35%;right: 0px; background: #000;
    z-index: 9;cursor: pointer;
    // display: none;
}
#box>.box_t{
    width: 64px;height: 50px;padding: 25px 0;
}
#box .box_t>span{
    color: #fff;font-size: 14px;text-align: center;
    line-height: 20px;display: inline-block;width: 64px;
    
}
#box .box_t>span>i{
    display: block;width: 29px;height: 27px;margin: 0 auto 3px;
    background: url(../images/icon.png) no-repeat -35px -244px;
}
#box .box_b{
    border-top: 1px solid #636363 ; width: 64px;height: 52px;
    padding: 25px 0;
}
#box .box_b>span{
    color: #fff;font-size: 18px;text-align: center;font-weight: 700;
    line-height: 22px;display: inline-block;width: 64px;
}
#box .box_b>span>i{
    display: block;width: 26px;height: 15px;margin: 0 auto 15px;
    background: url(../images/icon.png) no-repeat -210px -279px;
}

// 头部公共部分
body{width: 100%;height: 100%;}
#notice{width:100%;height: 35px;background: #cb9864;}

#notice .swiper3{
    width: 1280px;height: 35px;margin: 0 auto;overflow: hidden;
}
#notice .swiper3 .swiper-slide{
    display: block;margin: 0 auto;height: 35px;
    line-height: 35px;text-align: center;
}
#header{
    width: 1280px;height: 113px;padding: 0px 20px;margin:0 auto;
    padding-top: 9px;
}
#header .header-top{
    width: 1280px;height: 33px;line-height: 32px;
}
#header .header-top .h_t_left{float: left;}
#header .header-top .h_t_left li{
    margin: 0 10px;float: left;
}
#header .header-top .h_t_left li>a{color: #999; padding: 0 10px;display: block; float: left;font-size: 12px;}

#header .header-top .h_t_left li>.al{background: url(../images/icon.png) no-repeat ;}
#header .header-top .h_t_left li>strong{display: block; width: 4px;height: 4px;border-radius: 50%;background: #999;
    float: left;margin-top: 14px;
}

#header .header-top .h_t_right{float: right;width: 373px;height: 32px;
}
#header .header-top .h_t_right>ul>li{
    float: left;margin: 0 10px;
}
#header .header-top .h_t_right>ul>li>a{
    float: left;padding: 0 10px;display: block;font-size: 12px;
}
#header .header-top .h_t_right>ul>li>.h_t_j_o{
    width: 4px;height: 4px;border-radius: 50%;margin-top: 14px;background: #999;
    float: left;
}
#header .header-top .h_t_right>ul>li>strong{
    display: block;width: 11px;height: 17px;background: url(../images/icon.png) no-repeat -360px -94px;
    float: left;margin-top: 7px;
}
#header .header-top .h_t_right ul li .a_h{
    padding: 0 3px 0 5px;
}
// 这个小图标
#header .header-top .h_t_right>ul>li>.h_t_h{
   width: 14px;height: 7px; background: url(../images/icon.png) no-repeat -200px -175px;
   position: relative;right: -105px;top: 12px;
}
#header>a{
    width: 283px;height: 51px;display: block;margin: 0 auto;
}
#header>a img{
    width: 100%;height: 100%;
}
.li2,.h_t_journal,.login{
    position: relative;transition: all 1s;
}
.li2:hover>#service{
    display: block;
}
.h_t_journal:hover>#service{
    display: block;
}
.h_t_shopbags:hover>#service{
    display: block;
}
.login:hover>#service{
    display: block;
    
}
// 客服中心的二级菜单
#service{
    width: 660px;padding: 30px;margin-top: 6px;position: absolute;
    z-index: 10;background: #fff;
    display: none;transform: 1s all ;
    // x轴。y轴。四周阴影的大小
    box-shadow: 4px 1px 20px #eee;
    transition: all 1s;
}
.service1{
    left: 17px;top: 34px;
}
#header .service2{
    left: -470px;top: 34px; width: 710px;
}
#header .service3{
    width: 540px;height: 249px;top: 34px;left: -450px;
}
#header .service4{
    width: 700px;top:34px;
    left: -530px;
}
// 一个小三角
.xj{
    width:0; height:0;
    font-size: 0;     /*是因为, 虽然宽高度为0, 但在IE6下会具有默认的 */
    line-height: 0;  /* 字体大小和行高, 导致盒子呈现被撑开的长矩形 */
    border-width:8px;
    position: absolute;
    
    border-style:solid dashed dashed dashed;/*IE6下, 设置余下三条边的border-style为dashed,即可达到透明的效果*/
    border-color: transparent transparent #fff transparent ;
}
.xj1{
    top: -16px;left: 15px;
}
.xj2{
    top: -16px;left: 505px;
}
.xj3{
    top: -16px;
    left: 500px;
}
.xj4{
    top: -16px;
    left: 560px;
}
#service .s_left{
    width: 330px;float: left;
}
.title{
    font-size: 18px;font-weight: 700;padding-bottom: 20px;margin-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}
// 为什么右边的对齐是？？？？
#service .s_left>.s_left_ul{
    display: inline-block;width: 140px;
}
#service .s_left_ul>div>a{
    color: #000;font-size: 14px;display: block;margin-left: 15px;
}
#service .s_left .s_left_ul>div:hover{
    text-decoration: underline;
}
#service .s_right{
    width: 249px;float: right;
}
#service .s_right_new{
    width: 320px;
}
.s_t_p1{
    margin-bottom: 19px;
}
.s_t_inpt{
   position: relative;
}
.s_t_inpt>input{
    height: 27px;padding: 5px 80px 5px 9px;width: 229px; border: 1px solid #000;
}
.s_t_p2{
    position: absolute;padding: 0 20px;top: 0;right: 0;height:37px;
    line-height: 37px;color: #fff;background: #000;border: 1px solid #000;
}
.s_t_p2:hover{
    color: #000;background: #fff;
}
.s_t_agt{
    position: relative;margin-top: 20px;
}
.s_t_agt>.checkbox{
    width: 17px;height: 17px;border: 1px solid #000;float: left;
    position: absolute;
}
.s_t_agt>p{
    line-height: 1.2em;float: right;margin-left: 25px;
}
.s_t_agt>p>span{
    text-decoration: underline;cursor: pointer;
}
// .service2{
    
// }
.h_t_shopbags{
    position: relative;
}
// 购物袋
.shopbags{
    width: 540px;height: 249px;padding: 30px;position: absolute;background: #fff;
    left: -450px;top: 20px;
}
.s_content{
    font-size: 18px;height: 170px;text-align: center;
    padding-top: 90px;
}
.s_content>span{
    text-decoration: underline;
}
.btn_box a{
    height: 43px;width: 182px;border: 1px solid #000;padding: 0 20px;
    display: block;background: #000;color: #fff;line-height: 43px;
    text-align: center;margin-top: 16px;
}
.s_left_ul>div{
    position: relative;
}
.s_left_ul>div>span{
    width: 4px;height: 4px;border-radius: 50%;background: #000;
    display: inline-block;margin-right: 5px;position: absolute; top: 12px;
}

// 导航部分
#nava{
    width: 100%;background: #fff;
}
#nav{
    width: 1280px; height: 51px;padding: 0 10px;margin: 0 auto;border-top: 1px solid #efeded;
    border-bottom: 1px solid #efeded;
}
#nav>.nav_left>ul{
    display: inline-block;
}
#nav>.nav_left>ul>li{
    float: left;line-height: 50px;padding: 0 16px;height: 50px;
}
#nav>.nav_left>ul>li>a{
    padding: 0 10px;
}
#nav>.nav_left>ul>li>a:hover{
    color: #cb9864;
}
#nav form{
    float: right;width: 315px;border: 1px solid #000;position: relative;
    margin-top: 3px;
}
#nav form input{
    width: 264px;height: 27px; padding: 5px 38px 5px 9px ;
}
#nav form a{
    width: 38px;height: 38px;background: #000; display: block;
     position:absolute;top: 0px;right: 0;
}
#nav form a strong{
    width: 15px;height: 15px;margin: 12px auto 0;display: block;background: url(../images/icon.png) no-repeat -305px -279px;
    
}
// 导航的二级菜单-li的定位 
.makeup{
    position: relative;
}
.makeup:hover .menu_2{
    display: block;
}
.makeup:hover .m_xsj{
    display: block;
}
// 这里有问题?????平铺不开?????
.menu_2{
    border-top: 1px solid #000;position: absolute;width: 1500px;z-index: 99;
    left: -50px;background: #fff;padding-left:75px;display: none;height: 500px;
}
.menu_2_li{
    font-weight: 700;
}
.menu_2>li{
    width: 210px;float: left;position: relative;margin-top: 30px;
    height: 25px;
}
.menu_2>li>ul{
    width: 100%;height: 200px;position: absolute;top: 40px;
    // background: #fff;
}
.menu_2>li>ul>li{
    height: 24px;width: 210px;line-height: 1.2em;
}
.menu_2>li>ul>li>a:hover{
    text-decoration: underline;
}
// 导航图的小三角
.m_xsj{
    width:0; height:0;
    font-size: 0;     /*是因为, 虽然宽高度为0, 但在IE6下会具有默认的 */
    line-height: 0;  /* 字体大小和行高, 导致盒子呈现被撑开的长矩形 */
    border-width:8px;
    position: absolute;
    left: 35%;z-index: 999;
    bottom: -16px;
    border-style:solid dashed dashed dashed;/*IE6下, 设置余下三条边的border-style为dashed,即可达到透明的效果*/
    border-color:#000 transparent transparent transparent ;
    transition:  all 1s;
    display: none;
}
.ul_button{
    clear: both;width: 100%;height: 200px;background: #000;
    position: relative;bottom: -200px;left: -80px;
}
.ul_button_a{
    padding: 30px 20px;
}
